.page2{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #f6f6f6;
}

.top{
	    width: 100%;
	position: fixed;
	left: 0;
	top: 80rpx;
	/* #ifdef MP */
	top: 0;
	/* #endif */
	z-index: 10;
	background-color: #FFFFFF;
	.search{
			display: flex;
			align-items: center;
			padding: 0 3%;
	flex-grow: 1;
	    margin: 2% 4% 0 4%;
			height: 2rem;
			background-color: #f6f6f6;
			border-radius: 60rpx;
			input{
				width: 90%;
				height: 100%;
				color: #212121;
				font-size: 0.9rem;
				margin-left: 10rpx;
			}
		}
	.order-tab{
		display: flex;
		align-items: center;
		width: 100%;
		height: 100rpx;
		background-color: #FFFFFF;
		.tab{
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 20%;
			height: 80%;
			text{
				font-size: 26rpx;
				color: #959595;
			}
		}
		.action{
			text{
				color: #222222;
			}
			.line{
				position: absolute;
				left: 50%;
				bottom: 0;
				width: 60rpx;
				height: 6rpx;
				background: linear-gradient(to right,$base,#f6f6f6);
				transform: translate(-50%,0);
			}
		}
	}
}


/* 订单列表 */
.order-list{
	width: 100%;
	margin-top: 190rpx;
	/* #ifdef APP-PLUS */
	margin-top: calc(240rpx + var(--status-bar-height));
	/* #endif */
	.list{
		padding: 0 4%;
		min-height: 400rpx;
		background-color: #FFFFFF;
		border-radius: 20rpx;
		margin-bottom: 20rpx;
		.title-status{
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;
			height: 100rpx;
			.title{
				display: flex;
				align-items: center;
				text{
					font-size: 26rpx;
					font-weight: bold;
					color: #222222;
				}
			}
			.status{
				display: flex;
				align-items: center;
				text{
					font-size: 26rpx;
					color: $base;
				}
				.image{
					color: #222222;
					background-color: #f6f6f6;
					border-radius: 100%;
					margin-left: 12rpx;
					image{
						width: 32rpx;
						height: 32rpx;
					}
				}
				.del{
					padding: 10rpx;
					font-size: 34rpx;
					color: #222222;
					background-color: #f6f6f6;
					border-radius: 100%;
					margin-left: 20rpx;
				}
			}
		}
		.goods-list{
			width: 100%;
			.goods{
				display: flex;
				align-items: center;
				width: 100%;
				height: 200rpx;
				.thumb{
					display: flex;
					align-items: center;
					width: 30%;
					height: 100%;
					image{
						width: 160rpx;
						height: 160rpx;
						border-radius: 10rpx;
					}
				}
				.item{
					display: flex;
					align-items: center;
					width: 70%;
					height: 100%;
					.goods-name{
						width: 70%;
						text{
							font-size: 26rpx;
							color: #555555;
						}
					}
					.goods-price{
						display: flex;
						align-items: center;
						justify-content: flex-end;
						width: 30%;
						text{
							color: #222222;
						}
						.min{
							font-size: 26rpx;
						}
						.max{
							font-size: 34rpx;
						}
					}
				}
			}
		}
		.status-btn{
			display: flex;
			align-items: center;
			justify-content: flex-end;
			width: 100%;
			height: 100rpx;
			.btn{
				padding: 10rpx 30rpx;
				border: 2rpx solid #EEEEEE;
				border-radius: 100rpx;
				margin-left: 20rpx;
				text{
					font-size: 26rpx;
					color: #555555;
				}
			}
			.action{
				border: 2rpx solid $base;
				text{
					color: $base;
				}
			}
		}
	}
}